<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Projet 2 : Produits</title>
            </f:facet>
        </h:head>
        <h:body>
            <p:layout fullPage="true">
                <p:layoutUnit position="north" size="70">
                    <p:menubar>
                        <p:menuitem value="Produits" url="produits.xhtml" icon="ui-icon-document" style="font-weight: bold;" />
                        <p:menuitem value="Commandes" url="commandes.xhtml" icon="ui-icon-person" />
                    </p:menubar>
                </p:layoutUnit>
                <p:layoutUnit position="south" size="40">
                    &copy; Groupe1Atod16 - 2013
                </p:layoutUnit>
                <p:layoutUnit position="center">
                    <h2>Produits</h2>
                    <h:form>
                        <p:dataTable id="dataTable" var="produit" value="#{mbProduit.liste}" paginator="true" rows="10" 
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="10,20,30">  
                            <p:column id="dateCreation" sortBy="#{produit.dateCreation}" update=":dataTable">  
                                <f:facet name="header">  
                                    <h:outputText value="Date de création" />  
                                </f:facet>
                                <h:outputText value="#{produit.dateCreation}" />  
                            </p:column>  

                            <p:column  sortBy="#{produit.codeEAN13}">
                                <f:facet name="header">  
                                    <h:outputText value="Code EAN13" />  
                                </f:facet>
                                <h:outputText value="#{produit.codeEAN13}" />  
                            </p:column>  

                            <p:column id="stock" sortBy="#{produit.stock}">
                                <f:facet name="header">  
                                    <h:outputText value="Stock" />  
                                </f:facet>
                                <h:outputText value="#{produit.stock}" />  
                            </p:column>  

                            <p:column id="actif" sortBy="#{produit.actif}">
                                <f:facet name="header">  
                                    <h:outputText value="Actif" />  
                                </f:facet>
                                <h:outputText value="#{produit.actif}" />  
                            </p:column>  
                        </p:dataTable>
                    </h:form>
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>